<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>height限制</title>
  <style>
    .box {
      width: 350px;
      height: 100px;
      border: 1px solid #333333;
      overflow-y: scroll;
    }
    .word {
      width: 100px;
      font-size: 250%;
      border: 1px solid #333333;
      overflow-x: scroll;
    }
  </style>
</head>
<body>
<div class="box">This box has a height and a width. This means that if there is too much content to be displayed within the assigned height, there will be an overflow situation. If overflow is set to hidden then any overflow will not be visible.</div>

<p>This content is outside of the box.</p>

<div class="word">Overflow</div>
</body>
</html>